<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>“火眼”——基于AIOT的火灾监测预警系统</title>
    <link rel="shortcut icon" href="ic_logo.png">
    <link type="text/css" rel="stylesheet" href="./css/login.css"/>
</head>
<body>
    <div class="list">
        <h1>登录</h1>
        <span>没有账号？转去<a href="join.html">注册</a>，或返回<a href="index.html">主页</a></span>
        <hr />
        <form action="/user.do" method="post">
            <input type="hidden" name="target" value="login">
            <div>
                <label for="username"><i style="background-image: url(/img/username.png);"></i></label>
                <input type="text" name="username" id="username" class="put" maxlength="10" placeholder="请输入用户名" onblur="contentIsNull()"/>
                <span class="error">*</span>
            </div>
            <div>
                <label for="password"><i style="background-image: url(/img/password.png);"></i></label>
                <input type="password" id="password" class="put" maxlength="15" placeholder="请输入密码" onblur="contentIsNull()"/>
                <span class="error">*</span>
            </div>
            <!-- 隐藏的密码框 -->
            <input type="hidden" name="psssword" id="realpwd"/>
            <div class="btn-group">
                <a class="btn" href="index.html">登录</a>
                <a class="btn" href="join.html">重置</a>
            </div>
        </form>
    </div> 

    <div id="errorTips" onclick="hideError()">
        <p>用户名或者密码错误！</p>
    </div>

    <script src="./js/lib/jquery-3.1.1.min.js"></script>
    <script src="./js/lib/md5.js"></script>
    <script src="./js/login.js"></script>
</body>
</html>